<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <!--    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>-->
    <title>XUXIAO</title>
    <% for (const css of injectCss) { %>
    <link rel="stylesheet" href="<%= css %>" />
    <% } %>
    <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.x/lib/L2Dwidget.min.js"></script>
    <!-- 样式 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@kangc/v-md-editor@2.3.18/lib/style/base-editor.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@kangc/v-md-editor@2.3.18/lib/theme/vuepress.css">
    <!-- JS -->
    <script src="https://cdn.jsdelivr.net/npm/@kangc/v-md-editor@2.3.18/lib/index.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@kangc/v-md-editor@2.3.18/lib/theme/vuepress.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/highlight.js@9.18.1/lib/highlight.js"></script>
</head>

<body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>

    <% for (const js of injectJs) { %>
    <script src="<%= js %>"></script>
    <% } %>
    <script>
        setTimeout(() => {
            L2Dwidget.init({
                "model": {
                    "jsonPath": "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
                    "scale": 0.7
                },
                "display": {
                    "position": "left",
                    "width": 300,
                    "height": 500,
                    "hOffset": -20,
                    "vOffset": -50
                },
            });
        }, 1000)

    </script>
</body>

</html>